[第二十天] 牛刀小試-隨機亂碼

2024 iThome 鐵人賽

DAY 20

自我挑戰組

認識JavaScript系列第 20 篇

16th鐵人賽

IRENE

2024-10-04 11:18:58

101 瀏覽

分享至

<html>
<head>
  <title>隨機亂碼</title>
</head>
<body>
  <h1>隨機亂碼</h1>
  <input type="number" id="inputNum" placeholder="請輸入數字(0~X):" min="1" />
  <button id="btnOK" onclick="start()">開始產生</button>
  <div id=result>在此顯示</div>
</body>
</html>

畫面~

let numbers;

function start(){
	const inputNum = document.getElementById('inputNum').value;
  let intNum = parseInt(inputNum);
  if (isNaN(inputNum, 10) || intNum <= 0){
  	alert("輸入錯誤");
   	return;
  }
  
  const randomNum = Math.floor(Math.random() * intNum);
  document.getElementById('result').textContent = randomNum;
}

這裡使用到的是Math.random()：傳回一個大於或等於 0 且小於 1 的浮點偽隨機數。
（注意喔～是＞＝0且＜1，所以是包含０不包含１）。

如果是兩個數之間呢？
Math.random() * (maxNum - minNum + 1) + minNum
那如果是要2個隨機且不相同的亂數呢？
搭配while迴圈配上if判斷式就可以完成囉!